<style type="text/css">
.face_shape_buttons {
	margin-top: 19px; 
} 
	
.face_shape_buttons a:hover {
	background: brown;
}
</style>
							<table width="722" border="0" height="80" cellspacing="0"
									cellpadding="0" align="center">
									<tr>
										<td width="211" valign="top" align="left">
											<div class="scoreouter">
												<div class="scoreheading" id="scoreheading">score</div>
												<div class="score" id="score">0</div>
											</div>
										</td>
										<td width="300"><div
												style="font-size: 26px; color: white; text-align: center; text-outline: 1px 1px red;">try
												on eyewear</div></td>
										<td align="left" width="211" valign="top">
											<div class="timerouter">
												<div class="timerheading" id="timerheading">time</div>
												<div class="timer" id="timer">00:00:00</div>
											</div>
										</td>
									</tr>
								</table>
								<table border="0" width="660" height="402"
									background="images/ESP_splitGradient.png" cellspacing="0"
									cellpadding="0" align="center">
									<tr>
										<td></td>
										<td width="330" height="40" valign="bottom">
											<div style="font-size: 16px; color: brown;">What is the
												person's face shape?</div>
										</td>
									</tr>
									<tr>
										<td width="276" align="center" valign="top">
											<div id="polaroid" class="polaroid">
												<table border="0" width="276" height="332" cellpadding="0"
													cellspacing="0">
													<tr>
														<td height="253" valign="top">
															<div style="height: 237px; vertical-align: top">
																<img id="currentImage" class="currentImage"
																	src="images/faces/sample_square.png" width="237"
																	height="237">
															</div>
														</td>
													</tr>
													<tr>
														<td height="76" valign="top">
															<div class="polaroidstatus" id="statusLabel"></div>
														</td>
													</tr>
												</table>
											</div>
										</td>
										<td valign="top" width="330" align="left">
											<div class="face_shape_buttons">
												<a href="index.php?shape=oval"><img
													src="images/face_shapes/oval.png" alt="Oval"
													style="max-width: 80px" /></a> <a
													href="index.php?shape=rectangle"><img
													src="images/face_shapes/rectangle.png" alt="Rectangle"
													style="max-width: 80px" /></a> <a
													href="index.php?shape=inverted_triangle"><img
													src="images/face_shapes/inverted_triangle.png"
													alt="Inverted triangle" style="max-width: 80px" /></a> <a
													href="index.php?shape=heart"><img
													src="images/face_shapes/heart.png" alt="Heart"
													style="max-width: 80px" /></a> <a
													href="index.php?shape=pear"><img
													src="images/face_shapes/pear.png" alt="Pear"
													style="max-width: 80px" /></a> <a
													href="index.php?shape=square"><img
													src="images/face_shapes/square.png" alt="Square"
													style="max-width: 80px" /></a> <a
													href="index.php?shape=round"><img
													src="images/face_shapes/round.png" alt="Round"
													style="max-width: 80px" /></a> <a
													href="index.php?shape=diamond"><img
													src="images/face_shapes/diamond.png" alt="Diamond"
													style="max-width: 80px" /></a>
											</div>
										</td>
									</tr>

								</table>